<!DOCTYPE html>
<html>
	<head>
		<title>Fancy Navigation Menu with Jquery Widget Code Generator For Blogger by way2blogging</title>
		<style type="text/css">
			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;}
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; }
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #F8ECE0;font-size:16px;color:#333333;border:1px solid #999;}
			.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
		</style>
		<script type="text/javascript">
		//<!--
			function way2bloggingcodegen(){
				var w2blinkid = document.getElementsByName("w2b-linklistid")[0].value;
				var w2bjquery = document.getElementsByName("w2b-jquery")[0].checked;
				var w2btextbox= document.getElementsByName("w2b-tbox")[0];
				w2btextbox.value = '\<style type=\'text/css\'\>';
        w2btextbox.value += '/* Fancy Navigation Menu Widget For Blogger by Way2blogging.Org */';
				w2btextbox.value += '\n#'+ w2blinkid +' h2{display:none}';
				w2btextbox.value += '\n#'+ w2blinkid +' ul{background: url("http://lh4.googleusercontent.com/-VlJmbnD-2i8/TYDFVGoXuuI/AAAAAAAAAeQ/qkVplVxrdf4/way2blogging-fancymenubg.gif") repeat-x scroll 0 0 transparent;width: 100%;margin: 0;padding: 0;list-style: none;float: left;font-size: 1.1em;}';
				w2btextbox.value += '\n#'+ w2blinkid +' ul li{margin: 0;padding: 0;overflow: hidden;float: left;	height:40px;}';
				w2btextbox.value += '\n#'+ w2blinkid +' ul li a, #'+ w2blinkid +' ul li span { padding: 10px 20px;float:left;text-decoration:none;color: #fff;background: url(http://lh4.googleusercontent.com/-VlJmbnD-2i8/TYDFVGoXuuI/AAAAAAAAAeQ/qkVplVxrdf4/way2blogging-fancymenubg.gif) repeat-x;text-transform: uppercase;clear: both;width: 100%;height: 20px;line-height: 20px;}';
				w2btextbox.value += '\n#'+ w2blinkid +' ul li a{ color: #555;background-position: left bottom;}';
				w2btextbox.value += '\n#'+ w2blinkid +' ul li span{ background-position: left top;}';
        w2btextbox.value += '/* Fancy Navigation Menu Widget For Blogger by Way2blogging.Org */';
				w2btextbox.value += '\n\</style\>';
				if(w2bjquery){}else{
					w2btextbox.value += '\n\<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js\"\>\</script\>';
				}
				w2btextbox.value += '\n\<script type=\"text/javascript\"\>';
				w2btextbox.value += '\n$(document).ready(function(){$(\"#'+ w2blinkid +' ul li\").prepend(\"\<span\>\</span\>\");$(\"#'+ w2blinkid +' ul li\").each(function(){var linkText=$(this).find(\"a\").html();$(this).find(\"span\").show().html(linkText)});$(\"#'+ w2blinkid +' ul li\").hover(function(){$(this).find(\"span\").stop().animate({marginTop:\"-40\"},250)},function(){$(this).find(\"span\").stop().animate({marginTop:\"0\"},250)})});';
				w2btextbox.value += '\n\</script\>';
			}
			function way2bloggingcodereset(){
				document.getElementsByName("w2b-linklistid")[0].value='Linklist2';
				document.getElementsByName("w2b-jquery")[0].checked = true ;
				document.getElementsByName("w2b-tbox")[0].value ='';
			}
		//-->
		</script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
		<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
		<script type='text/javascript'>
		//<!--
			$(document).ready(function(){
						$("#w2b-c2cb").zclip({
   			 			path: "http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf",
    						copy: function(){
   									 return $('#w2b-copy').val();
 			   			}
						});
			});
		//-->
		</script>
	</head>
	<body>
		<div id='content-wrapper'>
			<h2 class='redi'>Fancy Navigation Menu with Jquery Blogger Widget Code Generator</h2>
			<fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Settings</legend>
				<table width="100%">
					<tr>
						<td width='60%'><label for='w2b-linklistid'>Your Linklist ID </label></td> <td>: <input type='text' id='w2b-linklistid' name='w2b-linklistid' value='Linklist2' size='16' style='font-size:18px;' />  </td>
					</tr>
					<tr height='20'></tr>
					<tr>
						<td><label for='w2b-jquery'>Do You Have jQuery Plugin in Your Blog?</label></td><td>: <label><input type='radio' id='w2b-jquery' name='w2b-jquery' checked='checked' value='yes'> Yes</label> <label><input type='radio' id='w2b-jquery' name='w2b-jquery' value='no'> No</label></td>
					</tr>
				</table><br>
				<table width="100%">
					<tr>
						<td width="100%" align='center'><input style='padding:0 40px;font-weight:bold;font-size:16px;' type='button' value='Get Code' onclick='javascript:way2bloggingcodegen();' /> <input type='button' style='padding:0 30px;font-size:16px;' value='Reset' onclick='javascript:way2bloggingcodereset();' /></td>
					</tr>
					<tr height='10'></tr>
					<tr>
						<td width="100%" align='center'> 
							<div id='harish'>
                       <span><a id='w2b-c2cb' href='#' style='display:inline-blockfont-size:11px;text-decoration:none;padding:2px 5px;background:#eee;border:1px solid #ccc;font-size: 12px;'>Copy to Clipboard</a></span> 
								<textarea id='w2b-copy' name='w2b-tbox' class='redi' onclick="this.select()" readonly='readonly' style='overflow:hidden;border:1px solid #7F9DB9;background:#fff;width:98%;height:200px;margin:0 0 10px;'></textarea>
							</div>
						</td>
					</tr>
				</table>
			</fieldset>
			<center style='font-size:13px;'> Copyright &copy; 2011 All Rights Reserved by Harish @ <a href='http://www.way2blogging.org/'>way2blogging.org</a></center>
	</body>
</html>
















